{% extends "student/base.html" %}
{% import 'student/course/_assigntable.html' as table %}
{% import '_globalhelpers.html' as helpers %}

{% block title %} {{ course.display_name_with_semester }} | Ok {% endblock %}

{% block body %}
    <main>
      {% include 'student/course/sidebar.html' %}
      <div class="col-md-2"></div>
      <section class="content nomapa col-md-10 col-xs-12">
        {% include 'student/header.html' %}

        <div class="subcontent heading">
            {% include 'alerts.html' %}

          <div class="wrap">
            <div class="string-nav" role="navigation" aria-label="page navigation">
              <span><a href="{{ url_for('student.index') }}">Courses</a></span> &raquo;
              <span>{{ course.display_name_with_semester }}</span>
            </div>
            <h1>{{ course.display_name_with_semester}}</h1>
          </div>


        </div>
        <!-- start desktop/tablet version -->
        {{ table.render_assign(active, course=course, tname="Current Assignments", empty=True) }}
        {{ table.render_assign(inactive, course=course, tname="Past Assignments", show_scores=True) }}

        <!-- end desktop/tablet version -->
        <!-- start mobile version -->
        {{ table.render_assign_mobile(active, course=course, tname="Current Assignments", empty=True) }}
        {{ table.render_assign_mobile(inactive,course=course, tname="Past Assignments", show_scores=True) }}
        <!-- end mobile version -->
      </section>
    </main>
{% endblock %}

{% block js %}
{{ helpers.js_scores('scores', inactive) }}
{% endblock %}
